<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>欢迎注册</title>
</head>
<style>
    /* 类选择 器*/
    /*.first {
        width: 60px;
    }*/
    /*.two {
        width: 220px;
    }*/
    /* 标签选择器*/
    /*input {
        width: 150px;
    }*/

</style>
<body>

<div>
    <h1>欢迎注册</h1>
    <form action="#">
        <table border="1" style="border-collapse: collapse">
            <tr>
                <td  >用户名:</td>
                <td  ><input type="text" name="username"></td>
            </tr>
            <tr>
                <td  >密码:</td>
                <td  ><input type="password" name="username"></td>
            </tr>
            <tr>
                <td  >性别:</td>
                <td  >
                    <input type="radio" name="gender" value="男">男
                    <input type="radio" name="gender" value="女">女
                </td>
            </tr>
            <tr>
                <td  >爱好:</td>
                <td  >
                    <input type="checkbox" name="hobby" value="抽烟">抽烟
                    <input type="checkbox" name="hobby" value="喝酒">喝酒
                    <input type="checkbox" name="hobby" value="烫头">烫头
                </td>
            </tr>
            <tr>
                <td  >地址:</td>
                <td  ><input type="text" name="address"></td>
            </tr>
            <tr>
                <td  >生日:</td>
                <td  >
                    <input type="date" name="birthday">
                </td>
            </tr>
            <tr>
                <td  >靓照:</td>
                <td  ><input type="file" name="file"></td>
            </tr>
            <tr>
                <td  >所在地:</td>
                <td  >
                    <select name="city">
                        <option value="beijing" selected>北京</option>
                        <option value="shanghai">上海</option>
                        <option value="shenzhen">深圳</option>
                    </select>
                </td>
            </tr>
            <tr>
                <td colspan="2" style="text-align: center">
                    <input id="ok" type="checkbox">
                    <label for="ok">我已阅读并同意</label>
                </td>
            </tr>
            <tr>
                <td colspan="2" style="text-align: center">
                    <input type="submit" value="注册">
                </td>
            </tr>

        </table>
    </form>
</div>

</body>
</html>